<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>欢迎登录</title>
  <meta name="description" content="app, web app, responsive, responsive layout, admin, admin panel, admin dashboard, flat, flat ui, ui kit, AngularJS, ui route, charts, widgets, components" />
  <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <!-- <meta name="viewport" content="" /> -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="./app/998mstp/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="./app/998mstp/css/app.css" type="text/css" />
  <link rel="stylesheet" href="./app/998mstp/vendor/jquery/treetable/treeTable.min.css" type="text/css" />


  <link rel="stylesheet" href="https://tour-platform.oss-cn-qingdao.aliyuncs.com/platform-cnd-file/bootstrap-datetimepicker.min.css" />

  <link href="https://cdn.bootcss.com/cropper/3.1.3/cropper.css" rel="stylesheet">

</head>
<body ng-controller="AppCtrl">
	<!--弹出框-->
	<toaster-container toaster-options="{'close-button':false, 'time-out':{ 'toast-success': 2500, 'toast-info': 2500, 'toast-warning': 2500, 'toast-error': 2500 } }"></toaster-container>

  <div class="app" id="app" ng-class="{'app-header-fixed':app.settings.headerFixed, 'app-aside-fixed':app.settings.asideFixed, 'app-aside-folded':app.settings.asideFolded, 'app-aside-dock':app.settings.asideDock, 'container':app.settings.container}" >
    
    <!-- navbar -->
    <div ui-view="header" class="app-header navbar">
    </div>
    <!-- / navbar -->
    

    <!-- menu -->
    <div ui-view="aside" class="app-aside hidden-xs {{app.settings.asideColor}}">
    </div>
    <!-- / menu -->

    <!-- content -->
    <div class="app-content">
      <div ui-butterbar></div>
      <a href class="off-screen-toggle hide" ui-toggle-class="off-screen" data-target=".app-aside" ></a>
      <div class="app-content-body fade-in-up" ui-view="main"></div>
    </div>
    <!-- /content -->

    <!-- aside right -->
    <div class="app-aside-right pos-fix no-padder w-md w-auto-xs bg-white b-l animated fadeInRight hide">
      <div class="vbox">
        <div class="wrapper b-b b-t b-light m-b">
          <a href class="pull-right text-muted text-md" ui-toggle-class="show" target=".app-aside-right"><i class="icon-close"></i></a>
          Chat
        </div>
        <div class="row-row">
          <div class="cell">
            <div class="cell-inner padder">
              <!-- chat list -->
              <div class="m-b">
                <a href class="pull-left thumb-xs avatar"><img src="./app/998mstp/img/a2.jpg" alt="..."></a>
                <div class="clear">
                  <div class="pos-rlt wrapper-sm b b-light r m-l-sm">
                    <span class="arrow left pull-up"></span>
                    <p class="m-b-none">Hi John, What's up...</p>
                  </div>
                  <small class="text-muted m-l-sm"><i class="fa fa-ok text-success"></i> 2 minutes ago</small>
                </div>
              </div>
              <div class="m-b">
                <a href class="pull-right thumb-xs avatar"><img src="./app/998mstp/img/a3.jpg" class="img-circle" alt="..."></a>
                <div class="clear">
                  <div class="pos-rlt wrapper-sm bg-light r m-r-sm">
                    <span class="arrow right pull-up arrow-light"></span>
                    <p class="m-b-none">Lorem ipsum dolor :)</p>
                  </div>
                  <small class="text-muted">1 minutes ago</small>
                </div>
              </div>
              <div class="m-b">
                <a href class="pull-left thumb-xs avatar"><img src="./app/998mstp/img/a2.jpg" alt="..."></a>
                <div class="clear">
                  <div class="pos-rlt wrapper-sm b b-light r m-l-sm">
                    <span class="arrow left pull-up"></span>
                    <p class="m-b-none">Great!</p>
                  </div>
                  <small class="text-muted m-l-sm"><i class="fa fa-ok text-success"></i>Just Now</small>
                </div>
              </div>
              <!-- / chat list -->
            </div>
          </div>
        </div>
        <div class="wrapper m-t b-t b-light">
          <form class="m-b-none">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="Say something">
              <span class="input-group-btn">
                <button class="btn btn-default" type="button">SEND</button>
              </span>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- / aside right -->

    <!-- footer -->
    <div class="app-footer wrapper b-t bg-light">
      <span class="pull-right">{{app.version}} <a href ui-scroll="app" class="m-l-sm text-muted"><i class="fa fa-long-arrow-up"></i></a></span>
      <span class="type-mobile btn-link pull-right" style="margin-left: 10px; margin-right: 10px; color: #428bca;">PC端</span>
      <span class="type-pc btn-link pull-right" style="margin-left: 10px; margin-right: 10px; color: #428bca;">移动端</span>
      &copy; 2018 Copyright.
    </div>
    <!-- / footer -->

    <div ui-view="settings"  class="settings panel panel-default">
    </div>

  </div>


  <!-- jQuery -->
  <script src="./app/998mstp/vendor/jquery/jquery.min.js"></script>
  
  <script src="./app/998mstp/vendor/jquery/bootstrap.js"></script>
  <script src="./app/998mstp/vendor/jquery/datatables/jquery.dataTables.min.js"></script>
  <script src="./app/998mstp/vendor/jquery/treetable/jquery.treeTable.js"></script>
  <script src="./app/998mstp/vendor/jquery/datatables/dataTables.bootstrap.js"></script>
  <script type="text/javascript" src="http://tour-platform.oss-cn-qingdao.aliyuncs.com/platform-cnd-file/moment.min.js"></script>
  <script src="https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js"></script>
  <!-- <script src="https://cdn.bootcss.com/xlsx/0.11.6/xlsx.min.js"></script> -->
  <script src="https://cdn.bootcss.com/xlsx/0.11.18/xlsx.full.min.js"></script>
  
  <script type="text/javascript" src="https://tour-platform.oss-cn-qingdao.aliyuncs.com/platform-cnd-file/bootstrap-datetimepicker.min.js"></script>

  <!-- <script src="./ueditor/ueditor.config.js"></script>
  <script src="./ueditor/ueditor.all.js"></script> -->
  <script type="text/javascript" src="./ueditor-utf8-php/ueditor.config.js"></script>
  <script type="text/javascript" src="./ueditor-utf8-php/ueditor.all.min.js"></script>

  <script src="https://cdn.bootcss.com/cropper/3.1.3/cropper.js"></script>

  
  <script src="http://localhost:8080/webpack-dev-server.js"></script>
  <script src="http://localhost:8080/bundle.js"></script>
  <script src="./app/998mstp/vendor/angular/angular-locale_zh-cn.js"></script>
    <script>
      $('.type-pc').bind('click', function () {
        $('#viewport').attr('content', 'width=device-width, initial-scale=1, maximum-scale=1');
      })
      $('.type-mobile').bind('click', function () {
        $('#viewport').attr('content', '');
      })
    </script>


</body>
</html>